xstyled ChakraUI 違い
Chakra UI
が
<Box as="div" .../>
みたいな実際の
DOM
要素を隠すような
API
になっているのに対し、
xstyled
は
<x.div .../>
のように実DOMを見せる
tosuke.icon
は
Chakra UI
のほうが好きだが、下のレイヤが露出しているので
xstyled
のほうが馴染みやすい気もする
Chakra UI
は
疑似クラス
ごとにスタイルを渡す形になっているが、
xstyled
は
tailwindcss
みたいにプレフィックスを付ける
プレフィックスは重複するスタイルをまとめられないので地獄になりがちで、
tailwindをCSS Modulesと組み合わせる
とか
tailwindでvariantをまとめて付ける
みたいなことができないとしんどくなりそう
TypeScript
の
Tagged Template Literal
を使うとたぶん解決できるが、そういうことではない気がする